<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
<link rel="stylesheet" href="../../static/css/bootstrap.min.css">
<link rel="stylesheet" href="../../static/css/font-awesome.min.css">
<link rel="stylesheet" href="../../static/plugins/jqgrid/ui.jqgrid-bootstrap.css">
<link rel="stylesheet" href="../../static/plugins/ztree/css/metroStyle/metroStyle.css">
<link rel="stylesheet" href="../../static/css/main.css">
<script src="../../static/libs/jquery.min.js"></script>
<script src="../../static/plugins/layer/layer.js"></script>
<script src="../../static/libs/bootstrap.min.js"></script>
<script src="../../static/libs/vue.min.js"></script>
<script src="../../static/plugins/jqgrid/grid.locale-cn.js"></script>
<script src="../../static/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="../../static/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="../../static/js/common.js"></script>
</head>
<body>
<div id="rrapp" v-cloak>
	<div>
		<div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="searchName" placeholder="搜索词">
            </div>
			<a class="btn btn-primary" @click="addNewWord"><i class="fa fa-plus"></i>&nbsp;新增</a>
		</div>
        <form class="form-horizontal" style="width: 800px;">
            <div class="form-group">
                <ul  class="list-group col-sm-12" v-for="sl in searchList">
                    <li class="list-group-item col-sm-5" style="margin-left: 10px;margin-top: 10px;">{{sl.name}}
                        <span @click="del(sl.id)" style="float: right;color: red;cursor:pointer;">X</span>
                    </li>
                </ul>
            </div>
        </form>
    </div>
</div>
<script src="../../static/js/modules/sys/search.js"></script>
</body>
</html>